<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--页面顶部-->
		<div class="header">

			<div class="left">
				<ul>
					<li class="a">HI请登录</li>
					<li>|</li>
					<li class="b"><a href="reg.html" style="color: red;text-decoration: none;">注册</a></li>
					<li style="margin-left: 10px;">|</li>
					<li class="c">忘记密码，<em>立即找回</em></li>
				</ul>
			</div>
			
			<div class="right">
				<ul>
					<li class="d">我的零食</li>
					<li>|</li>
					<li class="e">客户服务</li>
					<li>|</li>
					<li class="f">客户热线：<em>0571-56588825</em></li>
				</ul>
			</div>
		</div>
	
		<!--搜索框-->
		<div class="se">
			<div class="g"><img src="img/logo.png"  /></div>
			<div class="h">
				<input type="text"  placeholder="芒果干">
				<button>搜索</button>
			</div>
			<div class="i"><img src="img/购物车.png"/></div>
		</div>
	
		<!--零食分类-->
		<div class="fenlei">
			<div class="tx">所有零食分类</div>
			<div class="mi">
			<ul >
				<li><a href="index.html" style="color: white;text-decoration: none;">首页</a></li>
				
				<li>年货礼盒</li>
				<li>提货卡</li>
				<li>新品首发</li>
				<li>品牌故事</li>
				<li>找回密码</li>
			</ul>
			</div>
			<div class="ri">
				<img src="img/logo2.png"/>
			</div>
		</div>
	
		<!--注册图标-->
		<div class="mid">
			<div class="midd">
			<img src="img/zhuce.png"/>
			<img src="img/denglu.png"/>
			</div>
		</div>
	
		<!--登录页面-->
		<div class="dly">
			
			<div class="de">
				<div class="midl">
					<div class="ty">
					手机邮箱: <input type="text" style="width:400px;height:30px;" />
		 	 		</div>
		 	 		
		 	 		<div class="mm">
		 	 		密码: <input type="password" style="width:400px;height:30px;" />
					</div>
					
					<div class="ld"><button>立即登录</button></div>
					
					<div class="lz"><input type="checkbox">两周内自动登录
					<em>忘记密码？</em></div>
					
					<div class="xf"><button>注册成为百草味新味粉</button></div>
				
				</div>
			</div>
		</div>
	
		<!--六个图-->
		<div class="lt">
			<div class="lt1">
				<img src="img/tupian.png"/>
			</div>
		</div>
		
		<!--页面底部1-->
		<div class="db1">
			<div class="db1x">
				<img src="img/db1.png"/>
			</div>
		</div>
		
		<!--页面底部2-->
		<div class="db2">
			<div class="agio">
				
				<div class="a1">
					<ul>
						<li style="font-size: 22px;margin-bottom: 15px;"><a href="xs.html" style="color: black;text-decoration: none;">新手指南</a></li>
						<li>会员制度</li>
						<li>注册协议</li>
						<li>购物流程</li>
					</ul>
				</div>
				<div class="a2">
					<ul>
						<li style="font-size: 22px;margin-bottom: 15px;">支付说明</li>
						<li>商品发票</li>
						<li>支付方式</li>
					</ul>
				</div>
				<div class="a3">
					<ul>
						<li style="font-size: 22px;margin-bottom: 15px;">配送说明</li>
						<li>配送方式</li>
						<li>配送范围及费用</li>
						<li>发货及送达时间</li>
					</ul>
				</div>
				<div class="a4">
					<ul>
						<li style="font-size: 22px;margin-bottom: 15px;">售后服务</li>
						<li>验货、签收与拒收</li>
						<li>服务承诺与保障</li>
						<li>退换货规则</li>
						<li>退换货流程及注意事项</li>
					</ul>
				</div>
				<div class="a5">
				<ul>
					<li style="font-size: 22px;margin-bottom: 15px;">客服中心</li>
					<li>联系我们</li>
					<li>投诉与建议</li>
					<li>QQ群群号：</li>
					<li>437394998</li>
				</ul>
			</div>
			</div>
			
			<div class="b1" >
				<ul>
					<li >首页</li>
					<li >|</li>
					<li >品牌简介</li>
					<li >|</li>
					<li >公司介绍</li>
					<li >|</li>
					<li >联系我们</li>
					<li >|</li>
					<li >招贤纳士</li>
				</ul>
			</div>
			
			<div class="b2" >
				@2011-2014 Baicaowei All Rights Reserved.百草味商城 百草味版权所有
			</div>
			
		</div>
		
	</body>
</html>
